<template>
  <div id="app">
    <router-view />
  </div>
</template>

<!--<script>-->
<!--  export default {-->
<!--    name:App,-->
<!--    mounted(){-->
<!--      let width = $("body").width();-->
<!--      if (width >= 1200) {-->
<!--        let fontsize = width / 1920 * 40;-->
<!--        $("html").css("font-size", `${fontsize}px`)-->
<!--      }-->
<!--      window.onresize = () => {-->
<!--        return (() => {-->
<!--          let width = $("body").width();-->
<!--          if (width >= 1200) {-->
<!--            let fontsize = width / 1920 * 40;-->
<!--            $("html").css("font-size", `${fontsize}px`)-->
<!--          }-->
<!--        })-->
<!--      }-->
<!--    }-->
<!--  };-->
<!--</script>-->

<style>
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  #app {
    width: 100%;
    height: 100%;
    margin: 0;
  }
</style>
